.box {
	width: 750upx;
	min-height: calc(100vh - 44px);
	background-color: #F8F8F8;
	.header {
		position: fixed;
		top: 44px;
		left: 0;
		z-index: 10;
		width: 750upx;
		height: 200upx;
		background: #38CB97;
		display: flex;
		align-items: center;
		padding: 0 24upx;
		box-sizing: border-box;
		.left {
			flex: 1;
			display: flex;
			navigator {
				width: 112upx;
				color: #FFFFFF;
				font-size: 28upx;
				margin-right: 82upx;
				position: relative;
				image {
					width: 86upx;
					height: 86upx;
					display: block;
					margin: 0 14upx 18upx;
				}
			}
			.pdf{
				margin-right: 0;
			}
			.template::before,
			.photo::before {
				content: '';
				width: 59upx;
				height: 1upx;
				background-color: #7EEFC7;
				display: block;
				position: absolute;
				right: -66upx;
				top: 25%;
				transform: translateY(-50%);
			}
		}
		.right{
			width: 168upx;
			height: 48upx;
			background: rgba(255,255,255,.25);
			display: flex;
			align-items: center;
			margin-left: 26upx;
			border-radius: 6upx;
			image{
				width: 22upx;
				height: 22upx;
				margin-left: 17upx;
				margin-right: 13upx;
			}
			input{
				font-size: 22upx;
				flex:1;
				height: 48upx;
				color: #fff;
			}
		}	
	}
	.content{
		margin-top: 200upx;
		.list-item{
			width: 100%;
			display: flex;
			align-items: center;
			margin-bottom: 24upx;
			background: #fff;
			.uni-swipe{
				width: 100%;
			}
			&-left{
				margin-left: 24upx;
				margin-top: 63upx;
				width: 100upx;
				height: 100upx;
				text-align: center;
				line-height: 100upx;
				color: #fff;
				margin-right:38upx;
				border-radius: 8upx;
				font-size: 26upx;
			}
			&-right{
				margin-right: 24upx;
				flex:1;
				display: flex;
				padding:37upx 0 46upx 0;
				.info{
					flex:1;
					p:first-child {
						color: #333333;
						font-size: 30upx;
						font-weight: bold;
					}
					p{
						margin-top: 8upx;
						max-width: 486upx;
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
					}
				}				
				.not-active{
					font-size: 26upx;
					color: #1A85E9;
				}
				.active{
					font-size: 26upx;
					color: #38CB97;
				}
				.look {
					width: 126upx;
					height: 46upx;
					line-height: 46upx;
					text-align: center;
					background: #38CB97;
					border-radius: 6upx;
					color: #FFFFFF;
					font-size: 28upx;
					margin: auto 0;
				}
			}
		}
	}
}